<script setup>
import router from "../modules/router.js";
const text = '当小说项目的内容被认为不太适合普通人时，我们可以尝试改变情节和元素，使其更具吸引力和广泛受众。';
const onClickLeft = () => {
  router.push("/");
};
const onClickRight = () => {
    
}
</script>

<template>
  <van-nav-bar
    title="浏览历史(52)"
    left-text="返回"
    right-text="删除"
    left-arrow
    @click-left="onClickLeft"
    @click-right="onClickRight"
  />
  <div class="box" v-for="(count, index) in 30" :key="index">
    <div style="width: 40px;height: 40px;">
      <van-image
  round
  width="40px"
  height="40px"
  src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
/>
    </div>
    <div style="width: 100%;margin-left: 10px;">
      <van-text-ellipsis :content="text" />
      <div style="display: flex;justify-content: space-between;align-items: center;color: #d1d1d1;font-size: 13px;">
        <div>亦仁</div>
        <div>07-13 21:10</div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.box {
  display: flex;
  align-content: center;
  height: 40px;
  padding: 10px;
}
</style>